require(['./config'],()=>{
    require(['header','swiper','footer','template','utils'],(header, Swiper, footer,template)=>{
        class index{
            constructor(){
                this.banner()
                this. banner2()
                this.fenye()
                this.fenyes()
             
            }
            // 轮播图swiper
            banner(){ 
               new Swiper ('.er', {
                    // direction: 'vertical', // 垂直切换选项
                    autoplay:true,//等同于以下设置
                    loop: true, // 循环模式选项
                    //  disableOnInteraction: fa  lse,
                    // 如果需要分页器
                    pagination: {
                      el: '.swiper-pagination',
                      clickable :true,
                    },        
                    // 如果需要前进后退按钮
                    // navigation: {
                    //   nextEl: '.swiper-button-next',
                    //   prevEl: '.swiper-button-prev',
                    // },
                    
                    // 如果需要滚动条
                    scrollbar: {
                      el: '.swiper-scrollbar',
                    },          
                })   
            } 
            // 轮播图2
            banner2(){
                new Swiper('.lunbo',{
                    autoplay:true,//等同于以下设置
                    loop: true, // 循环模式选项
                    effect : 'coverflow',
                    slidesPerView: 3,
                    centeredSlides: true,
                     // 如果需要分页器
                     pagination: {
                        el: '.swiper-pagination',
                        clickable :true,
                      }, 
                        // 如果需要滚动条
                    scrollbar: {
                        el: '.swiper-scrollbar',
                      }, 
                })
            }
            // 自定详情页
            fenye(){
              $.get('/libs/json/page.json',resp =>{
                console.log(resp);
                const str = template('idming',{list:resp})
                $('#xiangqinye').html(str)
              })
            }
            // 网上接口
            fenyes(){
              $.get('http://rap2api.taobao.org/app/mock/244813/api/shop',resp =>{
                console.log(resp);
                if(resp.code == 200){
                  const{list} = resp.body
                  const html = template('niqideid',{list})
                  $('.hotCenter').html(html)
                }
              })
            }
            colls(){
              let srms = utils.getCookie('username')   
            }
          
        }
       new index()
    })
})